import React from 'react'
import {Card, Spin, Button, Icon, notification, message} from 'antd'
import './ui.less'

export default class Notice extends React.Component {
    handleClick = (type,placement) => {
        message[type]('这里是提示')
    }
    render() {
        const icon = <Icon type={'loading'}/>
        return <div>
            <Card title={"message用法"} className={"card-wrap"}>
                <Button type={'primary'} onClick={()=>this.handleClick('success')}>success</Button>
                <Button type={'primary'} onClick={()=>this.handleClick('info')}>info</Button>
                <Button type={'primary'} onClick={()=>this.handleClick('error')}>error</Button>
                <Button type={'primary'} onClick={()=>this.handleClick('warning')}>warning</Button>
                <Button type={'primary'} onClick={()=>this.handleClick('warn')}>warn</Button>
                <Button type={'primary'} onClick={()=>this.handleClick('loading')}>loading</Button>
            </Card>
        </div>
    }
}